$(function() {
    // 商品预览功能
    $(".preview_img").mouseover(function(e) {
        $(this).children(".mask").show();
        $(this).children(".big").show();
    });
    $(".preview_img").mouseout(function() {
        $(this).children(".mask").hide();
        $(this).children(".big").hide();
    });
    $(".preview_img").mousemove(function(e) {
        var x = e.pageX -  this.offsetLeft;
        var y = e.pageY -  this.offsetTop;
        var maskX = x - parseInt($(this).children(".mask").css("width")) / 2;
        var maskY = y - parseInt($(this).children(".mask").css("height")) / 2;
        var maskMax = parseInt($(this).css("width")) - parseInt($(this).children(".mask").css("width"));
        if (maskX <= 0) {
            maskX = 0;
        } else if (maskX >= maskMax) {
            maskX = maskMax;
        }
        if (maskY <= 0) {
            maskY = 0;
        } else if (maskY >= maskMax) {
            maskY = maskMax;
        }
        $(this).children(".mask").css("left" , maskX + 'px');
        $(this).children(".mask").css("top" , maskY +'px');
        var bigMax = parseInt($(".bigimg").css("width")) - parseInt($(".big").css("width"));
        var bigX = maskX * bigMax / maskMax;
        var bigY = maskY * bigMax / maskMax;
        $(".bigimg").css("left" , -bigX + 'px');
        $(".bigimg").css("top" , -bigY + 'px');
    });
    
    // 商品列表切换
    $(".list_item li").mouseover(function() {
        $(this).addClass("current").siblings().removeClass("current");
        $(".preview_img img").attr('src',$(this).children("img")[0].src);
        $(".big img").attr('src',$(this).children("img")[0].src);
    });
    
    // 商品选择功能
    $(".choose_color a, .choose_version a, .choose_type a").click(function() {
        $(this).addClass("current").siblings().removeClass("current");
    });
    
    // 数量选择功能
    $(".reduce").mouseover(function() {
        if ($(".choose_amount input[type='text']").val() <= 1) {
            $(".reduce").css("cursor","not-allowed");
        } else {
            $(".reduce").css("cursor","pointer");
        }
    });
    
    $(".reduce").click(function() {
        if ($(".choose_amount input[type='text']").val() <= 1) {
            $(".reduce").css("cursor","not-allowed");
        } else {
            $(".reduce").css("cursor","pointer");
            // 使用 let 声明变量，避免全局作用域污染
            let num = parseInt($(".choose_amount input[type='text']").val());
            $(".choose_amount input[type='text']").val(num - 1);
        }
    });
    
    $(".add").click(function() {
        // 使用 let 声明变量，避免全局作用域污染
        let num = parseInt($(".choose_amount input[type='text']").val());
        $(".choose_amount input[type='text']").val(num + 1);
    });
    
    // 选项卡切换
    $(".tab_list li").mouseover(function() {
        $(this).addClass("current").siblings().removeClass("current");
    });
    
    $(".detail_tab_list li").click(function() {
        var index = $(this).index();
        $(this).addClass("current").siblings().removeClass("current");
        $(".item").eq(index).show().siblings().hide();
    });
    
    // 加入购物车功能
    $(".addCar").click(function() {
        const amount = parseInt($(".choose_amount input").val());
        const product = {
            name: '小米11 Ultra',
            price: 6499,
            amount: amount
        };
        
        // 将商品信息添加到购物车
        let cart = JSON.parse(localStorage.getItem('cart')) || [];
        const existingProduct = cart.find(item => item.name === product.name);
        if (existingProduct) {
            existingProduct.amount += amount;
        } else {
            cart.push(product);
        }
        localStorage.setItem('cart', JSON.stringify(cart));
        alert('商品已加入购物车');
    });
    
    // 虚拟试穿/试用功能
    const virtualTryOnBtn = document.getElementById('virtual-try-on-btn');
    const virtualTryOnModal = document.getElementById('virtual-try-on-modal');
    const photoUpload = document.getElementById('photo-upload');
    const previewImage = document.getElementById('preview-image');
    const applyBtn = document.getElementById('apply-btn');
    
    if (virtualTryOnBtn && virtualTryOnModal) {
        // 显示虚拟试穿/试用模态框
        virtualTryOnBtn.addEventListener('click', () => {
            virtualTryOnModal.style.display = 'block';
        });
        
        // 预览上传的照片
        if (photoUpload && previewImage) {
            photoUpload.addEventListener('change', () => {
                const file = photoUpload.files[0];
                if (file) {
                    const reader = new FileReader();
                    reader.onload = (e) => {
                        previewImage.src = e.target.result;
                    };
                    reader.readAsDataURL(file);
                }
            });
        }
        
        // 应用虚拟试穿/试用效果
        if (applyBtn) {
            applyBtn.addEventListener('click', () => {
                // 这里可以添加图像处理逻辑
                alert('虚拟试穿/试用效果已应用！');
            });
        }
    }
});